<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml"> 
 
<head> 
	<meta http-equiv="Content-type" content="text/html; charset=utf-8" /> 
	<title>湖南省自来水公司营销管理信息系统</title> 
	
	<link rel="stylesheet" href="../../../css/reset.css" type="text/css" media="screen" title="no title" />
	<link rel="stylesheet" href="../../../css/text.css" type="text/css" media="screen" title="no title" />
	<link rel="stylesheet" href="../../../css/form.css" type="text/css" media="screen" title="no title" />
	<link rel="stylesheet" href="../../../css/buttons.css" type="text/css" media="screen" title="no title" />
	<link rel="stylesheet" href="../../../css/grid.css" type="text/css" media="screen" title="no title" />
	<link rel="stylesheet" href="../../../css/layout.css" type="text/css" media="screen" title="no title" />
	
	<link rel="stylesheet" href="../../../css/ui-darkness/jquery-ui-1.8.12.custom.css" type="text/css" media="screen" title="no title" />
	<link rel="stylesheet" href="../../../css/plugin/jquery.visualize.css" type="text/css" media="screen" title="no title" />
	<link rel="stylesheet" href="../../../css/plugin/facebox.css" type="text/css" media="screen" title="no title" />
	<link rel="stylesheet" href="../../../css/plugin/uniform.default.css" type="text/css" media="screen" title="no title" />
	<link rel="stylesheet" href="../../../css/plugin/dataTables.css" type="text/css" media="screen" title="no title" />
	
	<link rel="stylesheet" href="../../../css/custom.css" type="text/css" media="screen" title="no title">


	<style>
		.pageHe{
			text-align: center;
		}
	</style>

</head> 
 
<body> 

<div id="wrapper">
	
		
	
	<#include "../common/header.ftl"/>

	
	<div id="content" class="xgrid">
		
 		
		<div class="x12">
		
		
			
			
			<div id="facebox_delete" style="display: none">
				<div style="height:80px;text-align:center;padding-top:50px;">
					确认删除吗？
				</div>
				
				<div class="dialogbutton center">
					<a class="btn" href="javascript:closeDialog();" style="width:60px;">是</a>  
					<a class="btn btn-grey" href="javascript:closeDialog();" style="width:60px;">否</a>
				</div>
			</div>
			
			<h2>抄表辖区设置</h2>
			<p><button class="btn-icon btn-plus" onClick="location='/syArea/sys_area_add';"><span></span>添加抄表辖区</button></p>

            <p><button class="btn-icon btn-plus" onClick="location='/syArea/SyDaoEx';"><span></span>导成Excel</button></p>

            <table class="data display">
					<thead>
						<tr>
							<th>抄表辖区ID</th>
							<th>抄表辖区名称</th>
							<th>备注</th>
							<th></th>
						</tr>
					</thead>
					<tbody>
					<#list list as item>
						<tr class="odd gradeX">
							<td>${item.id}</td>
							<td>${item.areaname}</td>
							<td>${item.remark}</td>
							<td class="center">
								<button class="btn-icon btn-small btn-blue btn-star" onClick="location='/syArea/sys_area_update/${item.id}';"><span></span>修改</button>
                                <#--<a href="/syArea/sys_del/${item.id}"  class="btn-icon btn-small btn-red btn-cross del"><span></span>删除</a>-->
                                <a href="#facebox_delete" rel="facebox" class="btn-icon btn-small btn-red btn-cross del" value="${item.id}"><span></span>删除</a>

							</td>
						</tr>
					</#list>
						</tbody>
					</table>
			
		</div> <!-- .x12 -->
		
	</div> <!-- #content -->


	<div class="pageHe">
    <div><h3>当前是第<span id="p1">${pageInfo.pageNum}</span>页,一共有<span id="p2">${pageInfo.pages}</span>页,<span id="p3">${pageInfo.total}</span>条记录</h3></div>
    <a href="/syArea/sys_area/${pageInfo.firstPage}">第一页</a>
        <a href="/syArea/sys_area/${pageInfo.pageNum-1}">上一页</a>
		<a href="/syArea/sys_area/${pageInfo.pageNum+1}">下一页</a>
    <a href="/syArea/sys_area/${pageInfo.lastPage}">最后页</a>
    </div>
    <#--<p>当前 ${list.pageNum }页,总${list.pages }-->
        <#--页,总 ${list.total } 条记录</div></p>-->
<#--<a href="list?pageNo=${list.firstPage}">第一页</a>-->

<#--<a href="list?pageNo=${list.lastPage}">最后页</a>-->


	<div id="footer">		
		<div class="content_pad">			
			<p>&copy; 2013-11 版权所有 <a href="#">湖南省自来水公司</a>.   技术支持 <a href="#">华瑞教育</a>.</p>
		</div> <!-- .content_pad -->
	</div> <!-- #footer -->
	
</div> <!-- #wrapper -->

<script src="../../../js/jquery/jquery-1.5.2.min.js"></script>
<script src="../../../js/jquery/jquery-ui-1.8.12.custom.min.js"></script>
<script src="../../../js/misc/excanvas.min.js"></script>
<script src="../../../js/jquery/facebox.js"></script>
<script src="../../../js/jquery/jquery.visualize.js"></script>
<script src="../../../js/jquery/jquery.dataTables.min.js"></script>
<script src="../../../js/jquery/jquery.tablesorter.min.js"></script>
<script src="../../../js/jquery/jquery.uniform.min.js"></script>
<script src="../../../js/jquery/jquery.placeholder.min.js"></script>

<script src="../../../js/widgets.js"></script>
<script src="../../../js/dashboard.js"></script>

<script type="text/javascript">
	
$(document).ready ( function () 
{
	Dashboard.init ();		
});


$(function () {
	$(".del").click(function () {     // 点击弹出框判断是或者否来点击进行跳转界面
var id	= $(this).attr("value")
		console.log(id)
	$(".btn").click(function () {
	var zhi=	$(this).attr("class")
		console.log(zhi)
		if(zhi.toString()=='btn'){
		    console.log('/syArea/sys_del/'+id+'/${pageInfo.pageNum}')    // 删除之后传个值给分页
          window.location.href='/syArea/sys_del/'+id+'/${pageInfo.pageNum}'

        }

    })
    })


})

// function del() {
//
//
//
//     var msg = "您真的确定要删除吗？\n\n请确认！";
//     if (confirm(msg)==true){
//         return true;
//     }else{
//         return false;
//     }
// }

</script>

</body> 
 
</html>